/* eslint-disable react-hooks/rules-of-hooks */
import React from 'react';
import { useLocation, useNavigate } from 'react-router-dom';

import "../../../styles/HuYueYue/jindudetail.scss"


interface props{

}

function jindudetail(props:props) {

    const {state:v} = useLocation();
    let navigate = useNavigate()
    let goback =()=>{
      navigate(-1)
    }


    return (
        <div className='jindu-detail-box'>
            <h2>
                员工绩效档案详情  
                <button className="goback" onClick={()=>{goback()}}>返回</button>
            </h2>
            <div className='center'> 
                <ul>
                    <li>考核计划名称 : <span>{v.name}</span></li>
                    <li>考核范围 : <span>{v.range}</span></li>
                    <li>状态 : <span>{v.state}</span></li>
                    <li>类型 : <span>{v.type}</span></li>
                    <li>周期类型 : <span>{v.week}</span></li>
                </ul>
            </div>
        </div>
    );
}

export default jindudetail;